<template>
  <div class="container">
    <div class="inside" :style="{width:w}">
      <slot></slot>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      w: {
        type: String,
        default: '1200px'
      }
    }
  }
</script>

<style lang="scss">
  //私有化全局样式
  .container {
    margin: 0;
    height: calc(100vh - 85px);
    padding: 0px;
    overflow: auto;

    .inside {
      position: relative;
      min-width: 1200px;
      margin: 0 auto;


    }

    .el-table--scrollable-x .el-table__body-wrapper {
      overflow-x: hidden;
    }

    th div {
      text-align: center;
    }

    td div {
      text-align: center;
    }

    .pageDvs {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%;
      height: 50px;
      margin: 10px auto;
    }

    .el-dialog__wrapper {
      display: flex;

      .el-dialog {
        min-width: 600px !important;
        margin: auto !important;
        max-height: 95%;
        overflow: auto;

        .el-date-editor,
        .el-select,
        .el-textarea {
          width: 100%;
        }
      }
    }

    h2 {
      margin: 0 0 10px;
    }

    .col-content {
      display: flex;
      width: fit-content;
      margin: 0 auto;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
    }
  }
</style>
